import { Avatar } from 'antd-mobile'
import styles from '../css/chat.module.css'

function MsgRight({ msg }) {
  return (
    <div className={styles.MsgRight}>
      {/* 左侧头像 */}
      <div className={styles.avatar}>
        <Avatar src="https://images.unsplash.com/photo-1548532928-b34e3be62fc6?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" />
      </div>
      {/* 右侧聊天消息 */}
      <div className={styles.msg}>{msg}</div>
    </div>
  )
}

export default MsgRight
